<!DOCTYPE html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
		<#include "/header.html">
    <script src="${request.contextPath}/statics/plugins/seat/jquery.seat-charts.min.js"></script>

</head>
<body>
<div id="rrapp" v-cloak>

    <div class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-sm-2 control-label">日期</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="nocBeerSeat.validDate" >
                        <option value="2019-07-18">2019-07-18</option>
                        <option value="2019-07-19">2019-07-19</option>
                        <option value="2019-07-20">2019-07-20</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">区域</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="area">
                        <option value="A区">A区</option>
                        <option value="B区">B区</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">排号</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="table_row">
                        <option v-for="option in nocRow" v-bind:value="option">
                            {{ option }}
                        </option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">桌号</div>
                <div class="col-sm-10">
                    <select type="text" class="form-control" v-model="table_num">
                        <option v-for="option in nocNum" v-bind:value="option">
                            {{ option }}
                        </option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">座位号</div>
                <div class="col-sm-10">
                    <span v-for="(one,index) in nocSeat">
                        <input type="checkbox" style="vertical-align: middle;" id="ckseat" v-bind:value="one.seatNum">
                        <label>{{one.seatNum}}</label>
                    </span>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..." @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning"  onclick="javascript:history.go(-1);" value="返回"/>
            </div>
        </form>
    </div>



    <div>
        <a class="btn btn-primary mrginLeft" @click="del"><i class="fa fa-plus"></i>&nbsp;删除</a>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>





</div>

<script src="${request.contextPath}/statics/js/modules/noc/fpseat.js?_${.now?long}"></script>
</body>
</html>